// 导入方法
import debounce from '@/utils/debounce'
import BackTop from '@/components/content/backTop/BackTop.vue'
export const common = {
  data () {
    return {
      busFn: null
    }
  },
  mounted () {
    // 处理图片问题
    const refresh1 = debounce(this.$refs.scroll.refresh, 500)
    this.busFn = () => {
      // this.$refs.scroll.bscroll.refresh()
      refresh1()
    }
    this.$bus.$on('itemImageLoad', this.busFn
    )
  }
}
export const backTop = {
  // 需要引入组件 调用isShow方法并传入参数，绑定backClick，v-show=‘isFlag’
  components: {
    BackTop
  },
  data () {
    return {
      isFlag: false
    }
  },
  methods: {
    // 处理回到顶部的事件
    backClick () {
      this.scrollTo()
    },
    scrollTo (x = 0, y = 0, time = 600) { // 默认值 体现封装的思想
      // console.log(this.$refs.scroll.bscroll)
      this.$refs.scroll.bscroll.scrollTo(x, y, time)
    },
    isShow (y) {
      // 处理滚动是否显示回到顶部
      this.isFlag = y <= -1000
    }
  }
}
